<!DOCTYPE>
<html>
<head>
    <meta charset="utf-8">
    <link rel = "stylesheet", href="bilibili.css">
    <title>bilibili exp </title>
</head>
<body>
<div class="head-nav">
    <ul class="left-entry">
        <li>
            <a>首页</a>
        </li>
        <li>
            <a>直播</a>
        </li>
    </ul>

    <div class="search-container">
        <form>
            <input placeholder="search entry" type="text">
            <svg src="../vue_exp_0.html"></svg>
        </form>
    </div>

    <ul class="right-entry">
        <li>
            <a>历史</a>
        </li>
        <li>
            <a>订阅</a>
        </li>
    </ul>
</div>

<div class="head-banner">
    <img src="bilibili.png">
    <div>banner</div>
</div>

<div class="head-channel">
    <div class="channel-item">
        <a>channel1</a>
        <a>channel2</a>
    </div>
</div>

<!-- 无限流分页 -->
<div class="container">
    <div class="feed-card">
        <div>video</div>
        <p></p>
        <a></a>
    </div>
</div>

</body>
</html>